<div id="content"
		xmlns:h="http://java.sun.com/jsf/html"
	>
	<!-- POST 1 -->
	<div class="post-22 post type-post hentry category-non-classe" id="post-22">
		<div class="toppost">
			<div class="storytitle">
				<h3>
					<a href="#" rel="bookmark">News 1</a>
				</h3>
			</div>
			<div class="metainfo">
				<h:graphicImage library="default" name="img/login.png" width="15" height="16" alt="login" />
				<div>admin</div> 
				<h:graphicImage library="default" name="img/calendar.png" width="15" height="15" alt="login" />
				<div> Le 19 mai 2009 - 20 h 47 min</div>
			</div>
		</div>
		<div class="storycontent">
			<ui:insert name="content" >
				<p>TEst !!!</p>
				<a href="indexT.xhtml" >LIENNNNNNNNNNNNNNNNNNNNNNNNNN</a>
				<div class="feedback">
					<a href="#" title="Commentaire sur Sous caterie ">Commentaire <strong>(0)</strong>
					</a>		
	
					class dans :  <a href="#" title="Voir tous les articles dans Non classe"> category Non classe </a>
					<br /> 	
				</div>
			</ui:insert>
		</div>
		<div class="bottomstory"/>
	</div>
	
	<!-- content2 -->	
<!--				
				<div class="content2"/>
				<div class="post-20 post type-post hentry category-non-classe" id="post-20">
					
					<div class="toppost">
						<div class="storytitle">
							<h3>
								<a href="http://wpthemes.wpthemes.ch/?p=20" rel="bookmark">Et un autre </a>
							</h3>
						</div>
						<div class="metainfo">
							<img src="./img/login.png" width="15" height="16" alt="login" />
							<div>admin</div>
							<img src="./img/calendar.png" width="15" height="15" alt="login" />
							<div> Le 19 mai 2009   - 13 h 09 min      </div>
						</div>
					</div>

					<div class="storycontent">
						<p align="justify">
							<img class="size-full wp-image-14 alignleft" title="mac" src="http://wpthemes.wpthemes.ch/wp-content/uploads/2009/04/mac.jpg" alt="mac" width="220" height="161" />
									Cum saepe multa, tum memini domi in hemicyclio sedentem, ut solebat, cum et ego essem una et pauci admodum familiares, in eum sermonem illum incidere qui tum forte multis erat in ore. 
									Meministi enim profecto, Attice, et eo magis, quod P. Sulpicio utebare multum, cum is tribunus plebis capitali odio a Q. Pompeio, qui tum erat consul, dissideret, quocum coniunctissime 
									et amantissime vixerat, quanta esset hominum vel admiratio vel querella.</p>
						<p align="justify">Et quia Mesopotamiae tractus omnes crebro inquietari sueti praetenturis et stationibus servabantur agrariis, laevorsum flexo itinere Osdroenae subsederat extimas partes, 
									novum parumque aliquando temptatum commentum adgressus. quod si impetrasset, fulminis modo cuncta vastarat. erat autem quod cogitabat huius modi.</p>
						<p align="justify">Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, neque haec dicendi ratio aut disciplina, ne nos quidem huic u
									ni studio penitus umquam dediti fuimus. Etenim omnes artes, quae ad humanitatem pertinent, habent quoddam commune vinculum, et quasi cognatione quadam inter se continentur.</p>
						<div class="feedback">
							<a href="#" title="Commentaire sur Et un autre .">Commentaire <strong>(0)</strong>
							</a>		 
									class   dans :  <a href="#" title="#">Non class </a>
							<br />
						</div>
					</div>
					<div class="bottomstory"/>
				</div>
				
				<div class="content2"/>

				<div class="post-17 post type-post hentry category-categorie-a tag-article tag-waouw" id="post-17">
					
					<div class="toppost">
						<div class="storytitle">
							<h3>
								<a href="http://wpthemes.wpthemes.ch/?p=17" rel="bookmark">Un article avec un eExtrait </a>
							</h3>
						</div>
						<div class="metainfo">
							<img src="./img/login.png" width="15" height="16" alt="login" />
							<div>admin</div> 
							<img src="./img/calendar.png" width="15" height="15" alt="login" />
							<div> Le 2 mai 2009 a 20 h 04 min   </div>
						</div>
					</div>
					<div class="storycontent">
						<div class="entrywhole">
							<div class="entry">
								<p align="justify">Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus 
									victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.</p>
								<p align="justify">Erat autem diritatis eius hoc quoque indicium nec obscurum nec latens, quod ludicris cruentis delectabatur et in circo sex vel septem aliquot
									iens vetitis certaminibus pugilum vicissim se concidentium perfusorumque sanguine specie ut lucratus ingentia laetabatur.</p>
							</div>
						</div>
						<div class="feedback">
							<a href="#" title="Commentaire sur Un article avec un eExtrait ">Commentaire <strong>(0)</strong>
							</a>	
										   classe dans :  <a href="#" title="Voir tous les articles dans Cat rie A" rel="category">Caterie A</a>
							<br /> Mots cles : 
							<a href="#" rel="tag">article</a>, <a href="#" rel="tag">waouw</a>	
						</div>
					</div>
					<div class="bottomstory"/>
				</div>

				<div class="content2"/>

				<div class="post-12 post type-post hentry category-categorie-a category-categorie-b tag-autre tag-test tag-troisieme" id="post-12">
					<div class="toppost">
						<div class="storytitle">
							<h3>
								<a href="#" rel="bookmark">Troisi? Article</a>
							</h3>
						</div>
						<div class="metainfo">
							<img src="./img/login.png" width="15" height="16" alt="login" />
							<div>admin</div> 
							<img src="./img/calendar.png" width="15" height="15" alt="login" />
							<div> Le 2 avril 2009 - 18 h 02 min   </div>
						</div>
					</div>
					<div class="storycontent">
						<p align="justify">Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule 
									regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia,
									integre sine ulla restituit mora. 				
							<a href="#" class="more-link">Lire la suite</a>
						</p>
						<div class="feedback">
							<a href="#" title="Commentaire sur Troisi? Article">Commentaires <strong>(1)</strong>
							</a>		   classe dans :  
							<a href="#" title="Voir tous les articles dans Cat?rie A" rel="category">Cat?rie A</a>
							<a href="#" title="Voir tous les articles dans Cat?rie B" rel="category">Cat?rie B</a> 
							<br /> Mots cles : 
							<a href="#" rel="tag">autre</a>, 
							<a href="#" rel="tag">test</a>, 
							<a href="#" rel="tag">troisi?</a>
						</div>
					</div>
					<div class="bottomstory"></div>
				</div>

				<div class="content2"/>

				<div class="post-7 post type-post hentry category-categorie-b tag-article tag-autre tag-test" id="post-7">
					<div class="toppost">
						<div class="storytitle">
							<h3>
								<a href="#" rel="bookmark">Second Article</a>
							</h3>
						</div>
						<div class="metainfo">
							<img src="./img/login.png" width="15" height="16" alt="login" />
							<div>admin</div> 
							<img src="./img/calendar.png" width="15" height="15" alt="login" />
							<div> Le 2 avril 2009 - 17 h 57 min</div>
						</div>
					</div>	
					<div class="storycontent">
						<hr />
						<h1>Heading 1</h1>
						<h2>Heading 2</h2>
						<h3>Heading 3</h3>
						<h4>Heading 4</h4>
						<h5>Heading 5</h5>
						<h6>Heading 6</h6>
						<ol>
							<li>One - Num?tation</li>
							<li>Two</li>
							<li>Three</li>
						</ol>
						<ul>
							<li>Un - Liste</li>
							<li>Deux</li>
							<li>Trois</li>
						</ul>
						<p style="padding-left: 30px;">Accenderat super his incitatum propositum ad nocendum aliqua mulier vilis, quae ad palatium ut poposcerat intromissa 
					insidias ei latenter obtendi prodiderat a militibus obscurissimis. quam Constantina exultans ut in tuto iam locata mariti salute muneratam vehiculoque 
					inpositam per regiae ianuas emisit in publicum, ut his inlecebris alios quoque ad indicanda proliceret paria vel maiora.</p>
						<p style="padding-left: 30px;"/>
						<blockquote>
							<p style="padding-left: 30px;">Accenderat super his incitatum propositum ad nocendum aliqua mulier vilis, quae ad palatium ut poposcerat intromissa i
					nsidias ei latenter obtendi prodiderat a militibus obscurissimis. quam Constantina exultans ut in tuto iam locata mariti salute muneratam vehiculoque 
					inpositam per regiae ianuas emisit in publicum, ut his inlecebris alios quoque ad indicanda proliceret paria vel maiora.</p>
							<p style="padding-left: 30px;"/>
						</blockquote>
						<div class="feedback">
							<a href="#" title="Commentaire sur Second Article">Commentaires <strong>(2)</strong>
							</a>		classe dans :  
							<a href="#" title="Voir tous les articles dans Cat?rie B" rel="category">Cat?rie B</a>
							<br /> Mots clzs : 
							<a href="#" rel="tag">article</a>, 
							<a href="#" rel="tag">autre</a>, 
							<a href="#" rel="tag">test</a>
						</div>
					</div>
					<div class="bottomstory"/>
				</div>

				<div class="content2"/>
				
				
				
				<div class="post-1 post type-post hentry category-categorie-a category-categorie-b tag-article tag-premier tag-test" id="post-1">
					<div class="toppost">
						<div class="storytitle">
							<h3>
								<a href="#" rel="bookmark">Ceci est un article</a>
							</h3>
						</div>
						<div class="metainfo">
							<img src="./img/login.png" width="15" height="16" alt="login" />
							<div>admin</div> 
							<img src="./img/calendar.png" width="15" height="15" alt="login" />
							<div> Le 2 avril 2009 - 17 h 43 min</div>
						</div>
					</div>
					<div class="storycontent">
						<div id="TheTexte" class="Texte">
							<p align="justify">
								<a href="#">
									<img class="size-full wp-image-14 alignright" title="mac" src="http://wpthemes.wpthemes.ch/wp-content/uploads/2009/04/mac.jpg" alt="mac" width="207" height="152" />
								</a>
					Accenderat super his incitatum propositum ad nocendum aliqua mulier vilis, quae ad palatium ut poposcerat intromissa insidias ei latenter obtendi prodiderat a militibus obscurissimis. 
					quam Constantina exultans ut in tuto iam locata mariti salute muneratam vehiculoque inpositam per regiae ianuas emisit in publicum, ut his inlecebris alios quoque ad indicanda proliceret 
					paria vel maiora.</p>
							<p align="justify">Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus 
				victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.</p>
							<p align="justify">Erat autem diritatis eius hoc quoque indicium nec obscurum nec latens, quod ludicris cruentis delectabatur et in circo sex vel septem aliquotiens vetitis 
				certaminibus pugilum vicissim se concidentium perfusorumque sanguine specie ut lucratus ingentia laetabatur.</p>
						</div>
						<div class="feedback">
							<a href="#" title="Commentaire sur Ceci est un article">Commentaires <strong>(2)</strong>
							</a>		classe dans :  
							<a href="#" title="Voir tous les articles dans Cat?rie A" rel="category">Cat?rie A</a>,
							<a href="#" title="Voir tous les articles dans Cat?rie B" rel="category">Cat?rie B</a>
							<br />
								Mots cles : <a href="#" rel="tag">article</a>, 
							<a href="#" rel="tag">premier</a>, 
							<a href="#" rel="tag">test</a>
						</div>
					</div>
					<div class="bottomstory"/>
				</div>
				<div class="content2"/>

				<div class="centerposts"/>
			
			
			-->
</div>